<template>
  <div class="keywordForm">
    <el-form ref="formRef" :model="form" label-position="top">
      <el-row :gutter="20">
        <el-col :span="11">
          <el-form-item label="区域选择" prop="module">
            <BKSelect
              v-model="form.区域选择"
              placeholder="请选择所属模块"
              :options="streetsArr"
            />
          </el-form-item>
        </el-col>
        <el-col :span="11">
          <el-form-item label="日期" prop="module">
            <el-date-picker
              v-model="form.日期"
              placeholder="请选择"
              clearable
            />
          </el-form-item>
        </el-col>
        <el-col :span="11">
          <el-form-item label="作业任务类型" prop="module">
            <BKSelect
              v-model="form.作业任务类型"
              placeholder="请选择作业任务类型"
              :options="tasksArr"
            />
          </el-form-item>
        </el-col>
        <el-col :span="11">
          <el-form-item label="作业标准说明" prop="module">
            <el-input
              v-model="form.作业标准说明"
              placeholder="请输入作业标准说明"
              clearable
            />
          </el-form-item>
        </el-col>
        <el-col :span="11">
          <el-form-item label="所需人员" prop="module">
            <el-input-number
              v-model="form.所需人员"
              :min="1"
              :max="999"
              clearable
            />
          </el-form-item>
        </el-col>
        <el-col :span="11">
          <el-form-item label="所需设备" prop="module">
            <BKSelect
              v-model="form.作业任务类型"
              placeholder="请选择作业任务类型"
              :options="equipment"
            />
          </el-form-item>
        </el-col>
        <el-col :span="11">
          <el-form-item label="责任单位与负责人" prop="module">
            <el-cascader
              v-model="form.责任单位与负责人"
              placeholder="请输入责任单位与负责人"
              :options="teams"
              :props="{
                children: 'members'
              }"
            />
          </el-form-item>
        </el-col>
        <el-col :span="11">
          <el-form-item label="附件" prop="status">
            <el-upload
              v-model:file-list="form.附件"
              class="upload-demo"
              action="https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15"
            >
              <el-button type="primary">上传</el-button>
            </el-upload>
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>
  </div>
</template>
<script lang="ts" setup>
import BKSelect from "@/components/BKSelect/BKSelect.vue";
import { streetsArr, tasksArr, teams, equipment } from "./data";
const form = reactive({
  区域选择: "",
  日期: new Date(),
  作业任务类型: "",
  作业标准说明: "",
  所需人员: 1,
  所需设备: "",
  责任单位与负责人: [],
  附件上传: "",
  附件: []
});
</script>
<style lang="scss" scoped>
.keywordForm {
  width: 100%;
  height: 100%;
}
</style>
